<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<script type="text/javascript" src="./dist/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="./dist/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="./dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./font/iconfont.css">
	<title></title>
</head>
<style type="text/css">
.login{top:200px;left:200px;position:absolute;}
</style>
<body>

	<form>
	<div class='form-group'>
	<label for="">用户名：</label>
	<input type="text" class="form-control" placeholder='username'>
	</div>
<div class='form-group'>
	<label for="">密码：</label>
</div>
<div class='from-group'>
	<label>留言:</label>
	<textarea class='form-control'></textarea>
</div>
<!-- 下拉框 -->
<div class='form-group'>
	<label >城市：</label>
	<select class='form-control'>
		<option>北京</option>
		<option>福建</option>
		<option>厦门</option>
	</select>
</div>
<!-- 一种横排选择框 -->
<!-- <div class='form-group'>
	<label >旅游地点：</label>
	<input type="checkbox" name="">泉州
	<input type="checkbox" name="">泉州
	<input type="checkbox" name="">泉州
</div> -->
<!-- 复选框 -->
<div class='form-group'>
<label>复选框：</label>
	<div class='checkbox'>
		<label>
			<input type="checkbox">泉州
		</label>
	</div>
		<div class='checkbox'>
		<label>
			<input type="checkbox">厦门
		</label>
	</div>
</div>

<!-- 单选框 -->
<div class='form-group'>
<label>单选框：</label>
	<div class='radio'>
		<label>
			<input type="radio" name="a">泉州
		</label>
	</div>
		<div class='radio'>
		<label>
			<input type="radio" name="a">厦门
		</label>
	</div>
</div>


<!-- 文件上传框 -->
<div class='form-group'>
	<label>文件上传框</label>
	<input type="file" name="" >
</div>



<!-- 按钮 -->
<div class='form-group'>
	<button type='submit' class='btn btn-primary' value='ok'>提交</button>
	<button type='reset' class='btn btn-danger' value='cancel'>取消</button>
</div>		
	</form>


</body>
</html>